<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Vite + TS</title>

</head>

<body>
  <header>
    <h1>Hello, <span class="wc">WebContainers API</span>!</h1>
    <p>
      <a class="docs" href="https://webcontainers.io" target="_blank" rel="noreferrer noopener">
        Read the docs 📖
      </a>
    </p>
  </header>
  <div id="app">
    <div class="container">
      <div class="editor">
        <textarea id="editor">I am a textarea</textarea>
      </div>
      <div class="preview">

        <!-- <textarea>正在安装文件 >>></textarea> -->
        <iframe id="output" src="loading.html"></iframe>

      </div>
    </div>
    <div class="preview">

      <pre>
    <code id="outputPanel" class="docs">

    </code>
   </pre>
    </div>
  </div>

  </div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>